{% extends "program.html.twig" %}

{% block program %}
    <div class="row">
        <div class="col-xs-12">
            <h4 class="text-center">{{ pageheader }}</h4>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-10 col-xs-offset-1 col-lg-6 col-lg-offset-3">
            <form class="form-horizontal" method="post" action="{{ urlFor('create-food') }}">
                <div class="form-group">
                    <label for="food-name">Name</label>
                    <input type="text" class="form-control input-lg" name="food-name" required/>
                </div>
                <div class="form-group">
                    <label for="food-description">Description</label>
                    <input type="text" class="form-control input-lg" name="food-description" required/>
                </div>
                <div class="form-group">
                    <div class="col-xs-6 col-xs-offset-3 col-lg-4 col-lg-offset-4">
                        <button type="submit" class="width-35 btn btn-sm btn-default btn-block">
                            Create new
                        </button>
                    </div>
                </div>

                {% if error is not empty %}
                    <h3 class="text-center"><span class="label label-danger">{{ error }}</span></h3>
                {% endif %}
            </form>
        </div>
    </div>
{% endblock %}